/* 原子化css */

/* 公共字体 */
.fs-18{
  font-size: 1.8rem;
}
.fs-20{
  font-size: 2rem;
}
.fs-22{
  font-size: 2.2rem;
}
.fs-24{
  font-size: 2.4rem;
}
.fs-26{
  font-size: 2.6rem;
}
.fs-28{
  font-size: 2.8rem;
}
.fs-30{
  font-size: 3rem;
}
.fs-32{
  font-size: 3.2rem;
}
.fs-34{
  font-size: 3.4rem;
}
.fs-36{
  font-size: 3.6rem;
}

/* 颜色 */
.color-red{
  color: #bd4c4b;
}
.color-666{
  color: #666;
}
.color-999{
  color: #999;
}
.color-fff{
  color: #fff;
}
.color-333{
  color: #333;
}

/* 背景 */
.bg-fff{
  background-color: #fff;
}
.bg-efef{
  background-color: #EFEFEF;
}
.bg-red{
    background-color: #bd4c4b;
}

/* 控制溢出 */
.overflow{
  overflow: hidden;
}

/* 常用margin */
.m-t-10{
  margin-top: 1rem;
}
.m-t-15{
  margin-top: 1.5rem;
}
.m-r-20{
  margin-right: 2rem;
}
.m-b-15{
  margin-bottom: 1.5rem;
}
.m-15{
  margin: 1.5rem;
}

/* 常用padding */
.p-t-30{
  padding-top: 3rem;
}
.p-b-30{
  padding-bottom: 3rem;
}
.p-30{
  padding: 3rem;
}

/* flex布局 */
.flex{
  display: flex;
}
.justify-between{
  justify-content: space-between;
}
.justify-center{
  justify-content: space-center;
}
.justify-around{
  justify-content: space-around;
}